body{background-color:#000;}

#resume {scroll-margin-top: 100px;}
#service {scroll-margin-top: 40px;}
#footer {scroll-margin-top: 80px;}

h1, h2, h3, li, p, a, a:hover, a:after, span{color:#fff;}

.timeline span {
  border: 5px solid #34B7A7;}
.hero-video,
.timeline h3::after,
.timeline li:nth-child(odd)::after,
.timeline li::before
{background-color: #34B7A7;}

.line
	{background-color:#34B7A7;
	 transition: color 0.5s ease;}
.line:hover
	{background-color:#fff;
	 transition: color 0.5s ease;}
.line p{color:#fff;}
.line:hover p{color:green;}

.contact-item1:hover,
.contact-item2:hover,
.contact-item3:hover
	{background-color:#fff;
	 transition: color 0.5s ease;}

.contact-item1:hover span,
.contact-item2:hover span,
.contact-item3:hover span,
.contact-item-R:hover h3
{color:#000;}

.contact-item1,
.contact-item2,
.contact-item3
	{border-radius:10px;}

hr{border-top:solid 5px #34B7A7;
   margin:20px auto 20px;
   width:160px;
   }

.advantage-grid > div
	{outline:solid 3px #34B7A7;}

.about-title, .about-title-sub,
.footer h1, .footer h2, .copyright p,
.resume h1, .resume h2, .advantage h1, .advantage h2,
.service h1, .service h2, .service h3
	{text-align:center;}

.submit{background-color:#34B7A7;}


.brief,
.footer{background-color:#000;}


.brief-title-box, .advantage
	{padding-top:60px;
	 padding-bottom:60px;}
.service-title
	{padding-top:0;
	 padding-bottom:60px;}
.service
	{padding-top:80px;
	 padding-bottom:60px;}
.footer-title
	{padding-top:40px;}
.advantage h2
	{margin-bottom:60px;}
.brief-content
	{padding-bottom:40px;}

.about-title,
.footer h1, .resume h1, .advantage h1, .service h1
	{font-size:36px;
	 font-weight:600;
	 margin-bottom:10px;
	}
.about-title-sub, .footer h2, .resume h2, .advantage h2, .service h2
	{font-size:28px;
	 line-height:1.5;
	}


/*
.nav-menu{background-color:#46a3ff;}
.nav-logo{background-color:#ffaad5;}
.nav-in{background-color:#a5a552;}
.nav-logo-name{background-color:#81C0C0;}
.nav-logo-social-links{background-color:#B766AD;}
*/

.achieve{height:800px;width:100%;}
.achieve{background-color:#B766AD;}


/*background*/
/*hero enterance button*/
/*mark color*/
/*title*/

@media (min-width: 0px) {}
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}